
<%@page import="java.util.Map"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.List" %>
<%@page import="com.zonacardio.entidad.Deportistas" %>
<%@page import="com.zonacardio.negocio.DeportistasN" %>
<%@page import="java.util.Arrays"%>

<%
    String mensaje = (String) request.getAttribute("mensaje");
    String TipoDocumento = request.getParameter("txtTipoDocumento");
    String numerodocumento = request.getParameter("txtnumerodocumento");
    String nombre1 = request.getParameter("txtnombre1");
    String nombre2 = request.getParameter("txtnombre2");
    String apellido1 = request.getParameter("txtapellido1");
    String apellido2 = request.getParameter("txtapellido2");
    String telefono = request.getParameter("txttelefono");
    String celular = request.getParameter("txtcelular");
    String correo_electronico = request.getParameter("txtcorreo_electronico");
    String direccion = request.getParameter("txtdireccion");
    String barrio = request.getParameter("txtbarrio");
    String genero = request.getParameter("txtgenero");
    String fecha_ingreso = request.getParameter("txtfecha_ingreso");
    String usuariocreador = request.getParameter("txtusuariocreador");
    String color = "#FFFFFF";

    DeportistasN d = new DeportistasN();
    Deportistas entDeportistas = new Deportistas();
    List<Deportistas> LD = d.ListadoDeportistas();

    Deportistas x = request.getAttribute("deportista") != null ? (Deportistas) request.getAttribute("deportista") : null; // nombre del atributo cuando lo subo  // operador ternario condicional
    if (x != null) {
        numerodocumento = x.getnumerodocumento();
        nombre1 = x.getnombre1();
        nombre2 = x.getnombre2();
        apellido1 = x.getapellido1();
        apellido2 = x.getapellido2();
        celular = x.getcelular();
        direccion = x.getdireccion();
        correo_electronico = x.getcorreo_electronico();
        fecha_ingreso = x.getfecha_ingreso();
        telefono = x.gettelefono();

        usuariocreador = x.getusuariocreador();
        barrio = x.getbarrio();
        genero = x.getgenero();

    }

%>

<link rel=stylesheet href="css/tabla.css" type="text/css"> 

<h1 style ="position: absolute;
    width:750px;
    height:300px;
    z-index:1;
    left: 450px;
    top: 170px">
    <font color="black"> Registro de clientes </font>
</h1>

<form id="xForm" name="xForm" method="POST" action="./DeportistaServlet" >

    <table style="position: absolute;
           width:300px;
           height: 10px;
           z-index: 4;
           left: 100px;
           top: 250px">
        <tr>
            <td> <font color="black"> *Tipo Documento : </font></td>
            <td><select name="txtTipoDocumento">
                    <option value="TI">TI  </option>
                    <option value="CC">CC</option>
                </select></td> 

        </tr>
        <tr>
            <td>*N&uacute;mero Documento :</td>
            <td> <input type="text" name="txtnumerodocumento" maxlength="13" size="16" id="texto" value="<%=numerodocumento != null ? numerodocumento : ""%>" onkeypress="return validar(event)" ></td>

        </tr>
        <tr>

            <td>*Primer Nombre :</td>
            <td> <input type="text" name="txtnombre1" maxlength="7" size="16"id="texto" value="<%=nombre1 != null ? nombre1 : ""%>"onkeypress="return soloLetras(event)" ></td>

        <tr>
            <td>Segundo Nombre : </td>
            <td> <input type="text" name="txtnombre2" maxlength="7" size="16"  id="texto" value="<%=nombre2 != null ? nombre2 : ""%>" onkeypress="return soloLetras(event)"></td>


        </tr>

        </tr>
    </table>
    <table style="position: absolute;
           width:300px;
           height: 10px;
           z-index: 4;
           left: 400px;
           top: 250px">            


        <tr>
            <td>* Primer Apellido :</td>
            <td> <input type="text" name="txtapellido1" maxlength="9" size="16"id="texto" value="<%=apellido1 != null ? apellido1 : ""%>" onkeypress="return soloLetras(event)" ></td>
            <td></td>


        </tr>

        <tr>
            <td> *Segundo Apellido :</td>
            <td> <input type="text" name="txtapellido2" maxlength="10" size="16"id="texto" value="<%=apellido2 != null ? apellido2 : ""%>" onkeypress="return soloLetras(event)" ></td>
            <td></td>

        </tr>
        <tr>
            <td> Tel&eacute;fono :</td>
            <td> <input type="text" name="txttelefono" maxlength="7" size="16" id="texto" value="<%=telefono != null ? telefono : ""%>"   onkeypress="return validar(event)"></td>
            <td></td>
        </tr>
        <tr>
            <td>Celular :</td>
            <td> <input type="text" name="txtcelular" maxlength="10" size="16"id="texto" value="<%=celular != null ? celular : ""%>"  onkeypress="return validar(event)" ></td>
        </tr>  
    </table>
    <table style="position: absolute;
           width:300px;
           height: 10px;
           z-index: 4;
           left: 700px;
           top: 250px">            


        <tr>
            <td>*Correo Electr&oacute;nico :</td>
            <td> <input type="text" name="txtcorreo_electronico" maxlength="35" size="16" id="texto" value="<%=correo_electronico != null ? correo_electronico : ""%>" ></td>
        </tr>

        <tr>
            <td>*Direcci&oacute;n :</td>
            <td> <input type="text" name="txtdireccion" maxlength="12" size="16"id="texto" value="<%=direccion != null ? direccion : ""%>" ></td>
        </tr>
        <tr>
            <td>*Barrio:</td>
            <td> <input type="text" name="txtbarrio" maxlength="20" size="16"id="texto" value="<%=barrio != null ? barrio : ""%>"  ></td>
        </tr>
        <tr>
            <td> <font color="black">*G&#233;nero : </font></td>
            <td><select name="txtgenero">
                    <option value="masculino">Masculino</option>
                    <option value="femenino">Femenino</option>
                </select>
            </td>
        </tr>
    </table>
    <table style="position: absolute;
           width: 300px;
           height: 10px;
           z-index: 4;
           left: 1000px;
           top: 250px">
        <tr>
            <td>*Fecha Ingreso :</td>
            <td> <input type="date" name="txtfecha_ingreso" maxlength="10" size="16" id="texto" value="<%=fecha_ingreso != null ? fecha_ingreso : ""%>" ></td>
        </tr>

        <td>*Usuario Creador :</td>
        <td> <input type="text" name="txtusuariocreador" maxlength="10" size="16" id="texto" value="<%=usuariocreador != null ? usuariocreador : ""%>" ></td>
        </tr>
        <tr><td rowspan="6">
                <%if (mensaje != null) {%>

                <%=mensaje%>

                <%}%>


            </td> </tr>    

    </table >

    <table style = "position: absolute;
           width:500px;
           height:10px;
           z-index:1;
           left:100px;
           top:370px">
        <td > Los campos marcados con * son obligatorios
        </td>
    </table>
    <table  border="0"  class="ui-corner-all texto"
            style="position: absolute;
            width: 900px;
            height: 20px;
            z-index: 4;
            left: 300px;
            top: 400px">

        <td> <button input type="submit" name="action" value="buscar" class="button" style='width:120px; height:35px'> Buscar   &nbsp;&nbsp </button> </td>                 <td> <button input type="submit" name="action" value="editar" class="button" style='width:120px; height:35px'>Editar  &nbsp;&nbsp</button> </td>

        <td> <button input type="submit" name="action" value="guardar" class="button" style='width:120px; height:35px'>Guardar  &nbsp;&nbsp</button> </td>

    </table>
    <div style="position: absolute;
           width: 750px;
           height: 200px;
           z-index: 40;
           left: 300px;
           overflow-y:scroll;
           top: 450px"        
           
           >
    <table cellspacing="2" cellpadding="10" border="1"  class="tablas"
           >
        <tr class="tablas">

            <td>Tipo Documento </td>
            <td>Numero Documento</td>
            <td>Nombres  </td>         
            <td>Apellidos  </td>          
            <td>Ver   </td>

        </tr>
        <%for (Deportistas de : LD) {%>
        <tr bgcolor="<%=color%>" class="tablas" >
            <td><%=de.getTipoDocumento()%></td>
            <td><%=de.getnumerodocumento()%></td>
            <td><%=de.getnombre1() + " " + de.getnombre2()%></td>         
            <td><%=de.getapellido1() + " " + de.getapellido2()%></td>           
            <td><a href="./DeportistaServlet?action=buscar&txtnumerodocumento=<%=de.getnumerodocumento()%>"><img src="./Imagenes/buscar.png" alt="Ver Datos" width="16" height="16" > </a></td>


        </tr>
       
        <%}%>

    </table>
 <%  if (mensaje != null) {%>

                                <head>
                                    <meta charset="utf-8" />

                                    <link rel="stylesheet" href="css/dialog.css" />
                                    <script src="scripts/dialog1.js"></script>
                                    <script src="scripts/dialog2.js"></script>
                                    <link rel="stylesheet" href="/resources/demos/style.css" />
                                    <script>
                                    $(function() {
                                    $( "#dialog" ).dialog();
                                    });
                                    </script>
                                </head>
                                <body>
                                    <div id="dialog" title="Alerta">
                                        <p> <%=mensaje%></p>
                                    </div>

                                    <%}%> 

</form>